<template>
  <div id="train-agreement">
    <!-- {{ props.agreementDetail }} -->
    <Agreement :contentList="contentList" :agreementTitle="agreementTitle" :url='url' :time="time" :indexList="indexList">
    </Agreement>
  </div>
</template>

<script setup lang="ts">
import { ref, watch } from 'vue';
import Agreement from './Agreement.vue';
const props = defineProps(['agreementDetail'])
// 获取当前路由
const formInfo = ref<any>({
});
const time = ref<string>('')
const url = ref<string>('')
watch(props.agreementDetail, (val) => {
  if (val) {
    formInfo.value = val;
    url.value = val.trainingUrl
    time.value = val.joinTrainingTime
  }
}, { immediate: true })

const contentList = ref<string[]>([
  '甲方（提供培训方）：方田教育',
  `乙方（接受培训方）：${formInfo.value.userName}`,
  `联系方式：${formInfo.value.phone}`,
  `${formInfo.value.certificateType ||'身份证号码'}：${formInfo.value.certificateNumber}`,
  '为帮助乙方快速提升教学能力、掌握教师岗位必备工作技能，甲方特组织新田计划特训营，由甲方对乙方进行候选人教学能力培训，经甲、乙双方充分协商，自愿达成如下共识，特订立本协议，以资恪守。',
  'br',
  '一、培训时间',
  `${formInfo.value.trainingTime}`,
  '乙方逾期未参加培训视为乙方自动放弃，乙方若因不可抗力不能按期参加培训，另行协商解决。',
  'br',
  '二、培训地点',
  '安徽省合肥市',
  'br',
  '三、培训费用',
  '特训营期间课程及师资费用，交通住宿及餐饮均由甲方提供，不向乙方收取其他任何费用。',
  'br',
  '四、甲方的权利和义务:',
  '4.1 甲方负责提供培训场地、设备设施、培训课程等用于开展培训；',
  '4.2 甲方设置培训内容、安排培训日程、组织培训活动、进行培训考核；',
  '4.3 甲方对乙方在培训活动之外的行为不承担责任。',
  'br',
  '五、乙方的权利和义务',
  '5.1 培训期间，乙方须接受甲方的各项管理规定，遵守培训纪律，如有违反，甲方可对乙方提出劝退，提前结束对乙方的培训：',
  '5.2 乙方在培训期间未经甲方允许，不得私自外出，由此产生的一切后果及造成的任何安全事故、意外事件，均由乙方自行全部承担，与甲方无关，由此造成甲方相关损失的，由乙方全部承担，涉及到相关法律法规的，将追究其相关法律法规责任。',
  '5.3 甲方提供的内部教材、知识产权和软件系统等仅限培训期间乙方本人使用，未经甲方同意，乙方不得以任何形式或载于任何载体，以口头、图像或书面等方式向第三方披露。如违反此条款给甲方造成任何损失，乙方应承担赔偿责任。',
  'br',
  '六、其他',
  '1.乙方若因自身原因放弃或中途退出培训，视为乙方自愿放弃参与新田计划特训营、自愿放弃候选人身份；',
  '2.本协议一式贰份，甲、乙双方各执壹份；',
  '3.本协议自甲乙双方签字盖章之日起生效，培训结束或乙方因故退出时，协议自动终止。',
  '4.本协议未尽事宜，甲、乙双方共同协商解决。',
]);
const agreementTitle = ref<string>('方田教育新田计划特训营培训协议');
const indexList = ref<number[]>([6, 9, 11, 13, 17, 21]);
</script>

<style></style>
